@import './common';

page{
	background:rgba(248,248,248,1);
}

.head-wrap{
	height: setSize(100);

	.head-box{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: setSize(100);
		box-sizing:border-box;
		padding: 0 setSize(24);
		background-color: #fff;

		.title{
			font-size:setSize(30);
			font-weight:400;
			color:rgba(51,51,51,1);
		}

		.btns{

			.img-box{
				width: setSize(30);
				height: setSize(30);

				.img{
					display: block;
					width: 100%;
					height: 100%;
				}
			}

			.text{
				margin-left: setSize(12);
				font-size:setSize(30);
				font-weight:500;
				color:$mainColor;
			}
		}
	}
}

.lists-wrap{
	margin-top: setSize(14);

	.lsits-box{
		box-sizing:border-box;
		padding:0 setSize(24);
		background-color:#fff;

		.lists+.lists{
			border-top: setSize(1) solid #DEDEDE;
		}

		.lists{
			padding:setSize(24) 0;

			.title-box{

				.title{
					font-size:setSize(30);
					font-weight:400;
					color:rgba(51,51,51,1);
				}

				.phone{
					box-sizing:border-box;
					padding:0 setSize(30);
					font-size:setSize(24);
					font-weight:400;
					color:rgba(153,153,153,1);
				}

				.flag{
					width:setSize(104);
					height:setSize(38);
					line-height:setSize(38);
					border-radius:setSize(4);
					font-size:setSize(20);
					font-weight:500;
					color:$mainColor;
					text-align: center;
					border:setSize(1) solid $mainColor;
					border-radius:setSize(8);
				}

				.img-box{
					width: setSize(40);
					height: setSize(40);
					box-sizing:border-box;
					padding:setSize(8);

					.img{
						display: block;
						width: 100%;
						height: 100%;
					}
				}

				.edit{
					margin-left: setSize(40);
					margin-right: setSize(30);
				}
			}

			.sub-title{
				margin: setSize(16) 0;
			}

			.text{
				line-height:setSize(33);
				font-size:setSize(24);
				font-weight:400;
				color:rgba(0,0,0,1);
			}
		}
	}
}